<template>
  <router-view/>
  <nav v-show="isShow">
    <van-tabbar v-model="active" route :placeholder="true">
      <van-tabbar-item to="/business/list" icon="shop">商家</van-tabbar-item>
      <van-tabbar-item to="/cart/list" icon="cart">购物车</van-tabbar-item>
      <van-tabbar-item to="/user/my" icon="user">我的</van-tabbar-item>
    </van-tabbar>
  </nav>

</template>


<script>
const whiteList = ['/business/list','/cart/list','/user/my']

export default {
  name:'App',
  data(){
    return{
      active: 0
    }
  },
  computed:{
    isShow(){
      return whiteList.includes(this.$route.fullPath)
    }
  }
}
</script>

<style lang="stylus" scoped>

</style>


